<template>
	<view class="w750">
		<view class="w720 mg15">
			<view v-for="(item,index) in lists" :key="index" class="w660 pd30 br10 border_1_333333 mh100 mb20">
				<view class=""  @click="gotoInfo(item)">
					<view class="d-row">
						<view class="w130 fts24" style="color: #929292;">仪器名称：</view>
						<view class=" fts24" style="color: #000000;">{{ item.deviceName }}</view>
					</view>
					<view class="d-row mt20">
						<view class="w130 fts24" style="color: #929292;">仪器类型：</view>
						<view class=" fts24" style="color: #000000;">{{ item.typeName }}</view>
					</view>
				
					<view class="d-row mt20 ">
						<view class="w130 fts24" style="color: #929292;">仪器规格：</view>
						<view class=" fts24" style="color: #000000;">{{ item.deviceSpec }}</view>
					</view>
					<view class="d-row mt20 ">
						<view class="w130 fts24" style="color: #929292;">申请人：</view>
						<view class=" fts24" style="color: #000000;">{{ item.userName }}</view>
					</view>
					<view class="d-row mt20">
						<view class="w130 fts24" style="color: #929292;">申请时间：</view>
						<!-- 借用申请时间 -->
						<view class="fts24" style="color: #000000;" v-if="item.orderStatus == 0">{{ item.borrowApplyTime }}</view>
						<!-- 归还申请时间 -->
						<view class="fts24" style="color: #000000;" v-if="item.orderStatus == 5">{{ item.restitutionApplyTime }}</view>
						<!-- 续借申请时间 -->
						<view class="fts24" style="color: #000000;" v-if="item.orderStatus == 12">{{ item.renewApplyTime }}</view>
					</view>
					<view class="d-row mt20">
						<view class="w130 fts24" style="color: #929292;">预计归还：</view>
						<view class=" fts24" style="color: #000000;" v-if="item.orderStatus == 12">{{ item.renewExpectTime }}</view>
						<view class=" fts24" style="color: #000000;" v-else>{{ item.expectTime }}</view>
					</view>
					<view class="d-row mt20">
						<view class="w130 fts24" style="color: #929292;">订单状态：</view>
						<view v-if="item.orderStatus == 0" class="fts24" style="color: #666666;">借用待审批</view>
						<view v-if="item.orderStatus == 1" class="fts24" style="color: #FF4D4F;">借用审批驳回</view>
						<view v-if="item.orderStatus == 2" class="fts24" style="color: #52C41A;">借用审批通过</view>
						<view v-if="item.orderStatus == 3" class="fts24" style="color: #1890FF;">借用中</view>
						<view v-if="item.orderStatus == 4" class="fts24" style="color: #FA8C16;">借用中(逾期)</view>
						<view v-if="item.orderStatus == 5" class="fts24" style="color: #8C8C8C;">归还待审批</view>
						<view v-if="item.orderStatus == 6" class="fts24" style="color: #CF1322;">归还审批驳回</view>
						<view v-if="item.orderStatus == 7" class="fts24" style="color: #73D13D;">归还审批通过</view>
						<view v-if="item.orderStatus == 8" class="fts24" style="color: #434343;">已归还</view>
						<view v-if="item.orderStatus == 9" class="fts24" style="color: #722ED1;">已归还(逾期)</view>
						<view v-if="item.orderStatus == 10" class="fts24" style="color: #820014;">报废</view>
						<view v-if="item.orderStatus == 11" class="fts24" style="color: #333333;">已取消</view>
						<view v-if="item.orderStatus == 12" class="fts24" style="color: #666666;">续借待审批</view>
					</view>
					
				</view>
			</view>
			<view v-show="lists.length == 0" class="w660 mg10 br30 pd20 fts28" style="text-align: center;" >
				暂无数据
			</view>	
		</view>
	</view>
</template>
<script>
	import mixin from "./mixin";
	import mixinCom from "@/utils/mixinCom.js";
	export default {
		name: "tabbarIndex",
		mixins: [mixin, mixinCom]
	}
</script>

<style lang="scss" scoped>
	@import './index.scss';
</style>